<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8"/>
	<link id="easyuiTheme" rel="stylesheet" type="text/css" href="../jquery-easyui-1.5.3/themes/default/easyui.css">
    <link rel="stylesheet" type="text/css" href="../jquery-easyui-1.5.3/themes/icon.css"/>
    <script type="text/javascript" src="../jquery-easyui-1.5.3/jquery.min.js"></script>
    <script type="text/javascript" src="../jquery-easyui-1.5.3/jquery.easyui.min.js"></script>
	<script type="text/javascript" src="../jquery-easyui-1.5.3/locale/easyui-lang-zh_CN.js"></script>
	<script type="text/javascript" src="./common/head.js"></script>
</head>

<style>
    .datagrid-btable{
        width:100%;
    }
    .datagrid-header-inner{
        width:100%;
    }
    .datagrid-header{
        width:100%;
    }
    .datagrid-htable{
        width:100%;
    }
    .datagrid-cell{margin:auto;}
    .fitem{text-align:center}
    .ftitle{text-align:center}
</style>

<body>
<div class="easyui-layout" data-options="fit:true">
    <div data-options="region:'center',title:'用户列表'">
		<table id="datagrid"  class="easyui-datagrid" style="width:100%;height:100%"></table>
		<div id="dgtoolbar">
			<form id="searchform" name="searchform" method="post" action="" >
				<td width="70" height="30">
					<strong>用户名：</strong>
					<input class="easyui-textbox" type="text" id="search_username" name="username" size=20 >
				</td>
				<td width="70" height="30">
					<strong>中文名：</strong>
					<input class="easyui-textbox" type="text" id="search_name_cn" name="name_cn" size=20 >
				</td>
				<td width="70" height="30">
					<strong>用户状态：</strong>
					<select class="easyui-combobox" id="search_userstatus" name="status" editable="false" style="width:100px;"></select>
				</td>
				<td height="30">
					<a id="submit_search">搜索</a>
					<a id="reset_search">重置</a>
					<a id="bt_add">新增</a>
				</td>
			</form>
		</div>
    </div>
</div>

<!-- 新增或修改用户信息的页面 -->
<div id="dialog_addmodify" class="easyui-dialog"
	 modal="true" closed="true"
	 style="width:600px;height:320px;padding:10px 20px"
	 buttons="#buttons_addmodify">
	<form id="form_addmodify" method="post" >
		<div class="fitem">
			<label>用户ID：</label>
			<input id="id_user_id" type="text" name="user_id"  readonly="readonly" class="easyui-textbox" style="align:left;width:30px"/>
			&nbsp;&nbsp;&nbsp;&nbsp;
			<label>用户名：</label>
			<input type="text" name="username" class="easyui-textbox" required="true"  style="width:100px"/>
			&nbsp;&nbsp;&nbsp;&nbsp;
			<label>姓名：</label>
			<input type="text" name="name_cn" class="easyui-textbox" required="true"  style="width:100px"/>
			&nbsp;&nbsp;&nbsp;&nbsp;
			<label>性别：</label>
			<select name="gender" class="easyui-combobox" style="width:50px" editable="false">
				<option value="0">女</option>
				<option value="1">男</option>
				<option value="2">囧</option>
			</select>
		</div>
		<br>
		<div class="fitem">
			<label>状态：</label>
			<select id="id_select_status" name="status" class="easyui-combobox" style="width:80px" required="true" editable="false"></select>
			&nbsp;&nbsp;&nbsp;&nbsp;
			<label>创建时间：</label>
			<input id="id_create_time" type="text" name="create_time" readonly="readonly" class="easyui-textbox" style="width:120px"/>
			&nbsp;&nbsp;&nbsp;&nbsp;
			<label>最近更新：</label>
			<input id="id_last_edit_time" type="text" name="last_edit_time" readonly="readonly" class="easyui-textbox" style="width:120px"/>

		</div>
		<br>
		<div class="fitem">
			<label>移动电话：</label>
			<input type="text" name="mobilephone" class="easyui-textbox" style="width:140px"/>
			&nbsp;&nbsp;&nbsp;&nbsp;
			<label>电子邮箱：</label>
			<input type="text" name="email" class="easyui-textbox" style="width:240px"/>
		</div>
		<br>
		<div class="fitem">
			<label>默认主页：</label>
			<input type="text" name="homepage" class="easyui-textbox" style="width:460px"/>
		</div>
		<br>
		<div class="fitem">
			<label>备注说明：</label>
			<input type="text" name="remark" class="easyui-textbox" data-options="multiline:true" style="width:460px;height:60px"/>
		</div>
	</form>
	<div id="buttons_addmodify">
		<a id="btn_addmodify" href="#" class="easyui-linkbutton">保存</a>
		<a href="#" class="easyui-linkbutton" onclick="javascript:$('#dialog_addmodify').dialog('close')">取消</a>
	</div>
</div>

<!-- 修改用户密码的页面 -->
<div id="dialog_modifypassword" class="easyui-dialog"
	 modal="true" closed="true"
	 style="width:300px;height:210px;padding:10px 20px"
	 buttons="#buttons_modifypassword">
	<form id="form_modifypassword" method="post" >
		<div class="fitem">
			<input id="id_modifypassword" type="text" name="password" class="easyui-textbox" style="align:left;width:200px"
				   data-options="label:'请输入新密码:',labelPosition:'top',labelAlign:'left'"/>
		</div>
		<br>
		<div class="fitem">
			<input id="id_modifypassword2" type="text" name="password2" class="easyui-textbox" style="align:left;width:200px"
				   data-options="label:'再次输入新密码:',labelPosition:'top',labelAlign:'left'"/>
		</div>
	</form>
	<div id="buttons_modifypassword">
		<a id="btn_modifypassword" href="#" class="easyui-linkbutton">更新</a>
		<a href="#" class="easyui-linkbutton" onclick="javascript:$('#dialog_modifypassword').dialog('close')">取消</a>
	</div>
</div>

</body>
<script type="text/javascript" src="LocalUser.js"></script>
</html>